<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>REFLEX v1.3 - Enjoyable Creative Template - Responsive and Retina Ready HTML5 Template by Designova</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Reflex by Designova - Responsive HTML5 template">
<meta name="author" content="Designova">

<!-- Standard Favicon--> 
<link rel="shortcut icon" href="images/favicon/favicon.ico">

<!-- Standard iPhone Touch Icon--> 
<link rel="apple-touch-icon" sizes="57x57" href="images/touchicons/apple-touch-icon-57-precomposed" />
<!-- Retina iPhone Touch Icon--> 
<link rel="apple-touch-icon" sizes="114x114" href="assets/touchicons/apple-touch-icon-114-precomposed" />
<!-- Standard iPad Touch Icon--> 
<link rel="apple-touch-icon" sizes="72x72" href="assets/touchicons/apple-touch-icon-72-precomposed" />
<!-- Retina iPad Touch Icon--> 
<link rel="apple-touch-icon" sizes="144x144" href="assets/touchicons/apple-touch-icon-144-precomposed" />

<!-- Bootstrap CSS Files -->
<link href="bootstrap/css/bootstrap.css" rel="stylesheet">
<!-- Custom Fonts Setup via Font-face CSS3 -->
<link href="fonts/fonts.css" rel="stylesheet">
<!-- CSS files for plugins -->
<link href="stylesheets/hiding-nav.css" rel="stylesheet" type="text/css" media="screen" />
<link href="stylesheets/menu-transition.css" rel="stylesheet" type="text/css" media="screen" />
<link href="stylesheets/parallax-layers.css" rel="stylesheet">
<link href="stylesheets/jquery.tweet.css" rel="stylesheet" type="text/css" media="screen" />

<link href="stylesheets/pace.preloader.css" rel="stylesheet">
<link href="stylesheets/slimmenu.css" rel="stylesheet"/>
<!-- Main Template Styles -->
<link href="stylesheets/main.css" rel="stylesheet">
<!-- Main Template Responsive Styles -->
<link href="stylesheets/main-responsive.css" rel="stylesheet">
<!-- Main Template Retina Optimizaton Rules -->
<link href="stylesheets/main-retina.css" rel="stylesheet">
<!-- LESS stylesheet for managing color presets -->
<link rel="stylesheet/less" type="text/css" href="less/color.less">
<!-- LESS JS engine-->
<script src="less/less-1.7.3.min.js"></script>

<script src="javascripts/modernizr.custom.js"></script>

 <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="bootstrap/js/html5shiv.js"></script>
      <script src="bootstrap/js/respond.min.js"></script>
    <![endif]-->


</head>


<body class="post">
<section class="mast-wrap">

    <div class="mobile-nav hidden-lg">
        <ul class="slimmenu">

            <li>
                <a class="sub-collapser" href="/">HOME</a>
            </li>

            <li><a href="/single-project">SHOW CASE</a></li>

            <li class="trigger-sub-nav">
                <a class="main-nav-link" href="#">SERVICE</a>
                <div class="sub-nav">
                    <a href="/news-wall" >Analytics</a>
                    <a href="/news-post" >Creative</a>
                </div>
            </li>

            <li class="trigger-sub-nav">
                <a class="main-nav-link" href="agency-about">ABOUT US</a>
            </li>

            <li><a class="main-nav-link" href="/contact" >contact</a></li>

        </ul>
    </div>

<div id="wrap">
  



  <header class="main-nav visible-lg">

      <div class="row">

          <article class="col-md-6 fullheight black-bg text-center">
              <div class="valign">
                  <ul class="main-nav-menu main-nav-menu-effect">

                      <li class="trigger-sub-nav">
                          <a class="main-nav-link" href="#">HOME</a>
                      </li>

                      <li><a class="main-nav-link" href="/single-project">SHOW CASE</a></li>
                      <li class="trigger-sub-nav">
                          <a class="main-nav-link" href="#">SERVICE</a>
                          <div class="sub-nav">
                              <a href="/news-wall" >Analytics</a>
                              <a href="/news-post" >Creative</a>
                          </div>
                      </li>

                      <li class="trigger-sub-nav">
                          <a class="main-nav-link" href="agency-about">ABOUT US</a>
                      </li>
                      <li><a class="main-nav-link" href="/contact" >contact</a></li>
                  </ul>
                  <ul class="social-wrap">
                      <li><a href="#"><img alt="" title="" src="images/social/icon-menu-1.png"/></a></li>
                      <li><a href="#"><img alt="" title="" src="images/social/icon-menu-2.png"/></a></li>
                      <li><a href="#"><img alt="" title="" src="images/social/icon-menu-3.png"/></a></li>
                      <li><a href="#"><img alt="" title="" src="images/social/icon-menu-4.png"/></a></li>
                  </ul>
              </div>
          </article>


         <article class="col-md-6 fullheight nav-bg text-center">
          <div class="valign">
            <a href="index.html"><img alt="" title="" class="main-logo" src="images/logo.png"/></a>
          </div>
        </article>

      </div>
  </header>
  <!-- end header -->



<section class="top-header visible-lg">

  <div class="row">
      <div class="col-md-6"></div>
      <div class="col-md-6"><img class="logo pull-right" src="images/logo.png " alt=""/></div>
  </div>

  <div class="toggle-menu-wrap">
  
  <a id="toggle-menu" class="toggle-menu-hidden">
    <div>
        <span class="top"></span>
        <span class="middle"></span>
        <span class="bottom"></span>
    </div>
  </a>

</div>

  <div class="info-button">
    <a href="agency-credits.html"><img alt="" title="" src="images/info-button.png"/></a>
  </div>

</section>




<section class="container page-head contact-head">
  <div class="row">

  </div>
</section>



<div id="content">
    
  <div class="news-container container clearfix">

    <div class="news-item news-item-two-third white-bg">
        <div class="news-item-inner text-left">
          <p class="white"><span class="black-bg">Marketing monitoring</span></p>
          <h1 class="black">Perfection comes from hardwork and dedication. Rome was not built in a day</h1>
          <div class="trigger-button add-top-quarter">
          </div>
        </div>
    </div>





    <div class="news-item news-item-one-third silver-bg">
        <div class="news-item-inner text-left">
          <p class="white"><span class="black-bg">July 22 / 2014</span></p>
          <h3 class="black">Amazing things happen because of passion</h3>
          <p class="dark">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.</p>
          <div class="trigger-button add-top-quarter">
            <a class="btn btn-reflex btn-reflex-dark" href="news-post">Full Story</a>
          </div>
        </div>
    </div>


    <div class="news-item news-item-one-third color-bg">
        <div class="news-item-inner text-left">
          <p class="white"><span class="black-bg">July 26 / 2014</span></p>
          <h1 class="black">If you dream something big, strive for it. The entire universe will be with you.</h1>
          <div class="trigger-button add-top-quarter">
            <a class="btn btn-reflex btn-reflex-dark" href="news-post">Full Story</a>
          </div>
        </div>
    </div>

    <div class="news-item news-item-one-third silver-bg">
        <div class="news-item-inner text-left">
          <p class="white"><span class="black-bg">July 04 / 2014</span></p>
          <h3 class="black">Designers work with heart, developers work with brain.</h3>
          <p class="dark">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.</p>
          <div class="trigger-button add-top-quarter">
            <a class="btn btn-reflex btn-reflex-dark" href="news-post">Full Story</a>
          </div>
        </div>
    </div>



    <div class="news-item news-item-one-third white-bg">
        <img alt="" title="" class="img-responsive" src="images/service-page.png"/>
        <div class="news-item-inner text-left">
          <p class="white"><span class="black-bg">July 04 / 2014</span></p>
          <h3 class="black">This is a simple news post with an image</h3>
          <div class="trigger-button add-top-quarter">
            <a class="btn btn-reflex btn-reflex-dark" href="news-post">Full Story</a>
          </div>
        </div>
    </div>   


<div class="news-item news-item-one-third color-bg">
        <img alt="" title="" class="img-responsive" src="images/service-page.png"/>
        <div class="news-item-inner text-left">
          <p class="white"><span class="black-bg">July 04 / 2014</span></p>
          <h3 class="black">This is a simple news post with an image</h3>
          <div class="trigger-button add-top-quarter">
            <a class="btn btn-reflex btn-reflex-dark" href="news-post.html">Full Story</a>
          </div>
        </div>
    </div>   


    <div class="news-item news-item-one-third color-bg">
        <div class="news-item-inner text-left">
          <p class="white"><span class="black-bg">Aug 8 / 2014</span></p>
          <h1 class="black">Perfection comes from hardwork and dedication. Rome was not built in a day</h1>
          <div class="trigger-button add-top-quarter">
            <a class="btn btn-reflex btn-reflex-dark" href="news-post.html">Full Story</a>
          </div>
        </div>
    </div>
        

    <div class="news-item news-item-one-third silver-bg">
        <img alt="" title="" class="img-responsive" src="images/service-page.png"/>
        <div class="news-item-inner text-left">
          <p class="white"><span class="black-bg">July 04 / 2014</span></p>
          <h3 class="black">This is a simple news post with an image</h3>
          <div class="trigger-button add-top-quarter">
            <a class="btn btn-reflex btn-reflex-dark" href="news-post.html">Full Story</a>
          </div>
        </div>
    </div>       


    <div class="news-item news-item-one-third white-bg">
        <div class="news-item-inner text-left">
          <p class="white"><span class="black-bg">July 22 / 2014</span></p>
          <h3 class="black">Amazing things happen because of passion</h3>
          <p class="dark">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.</p>
          <div class="trigger-button add-top-quarter">
            <a class="btn btn-reflex btn-reflex-dark" href="news-post.html">Full Story</a>
          </div>
        </div>
    </div>


    <div class="news-item news-item-one-third white-bg">
        <div class="news-item-inner text-left">
          <p class="white"><span class="black-bg">July 26 / 2014</span></p>
          <h1 class="black">If you dream something big, strive for it. The entire universe will be with you.</h1>
          <div class="trigger-button add-top-quarter">
            <a class="btn btn-reflex btn-reflex-dark" href="news-post.html">Full Story</a>
          </div>
        </div>
    </div>

    <div class="news-item news-item-one-third color-bg">
        <div class="news-item-inner text-left">
          <p class="white"><span class="black-bg">July 04 / 2014</span></p>
          <h3 class="black">Designers work with heart, developers work with brain.</h3>
          <p class="dark">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.</p>
          <div class="trigger-button add-top-quarter">
            <a class="btn btn-reflex btn-reflex-dark" href="news-post.html">Full Story</a>
          </div>
        </div>
    </div>


    <div class="news-item news-item-one-third silver-bg">
        <img alt="" title="" class="img-responsive" src="images/service-page.png"/>
        <div class="news-item-inner text-left">
          <p class="white"><span class="black-bg">July 04 / 2014</span></p>
          <h3 class="black">This is a simple news post with an image</h3>
          <div class="trigger-button add-top-quarter">
            <a class="btn btn-reflex btn-reflex-dark" href="news-post.html">Full Story</a>
          </div>
        </div>
    </div>   


     <div class="news-item news-item-one-third white-bg">
        <div class="news-item-inner text-left">
          <p class="white"><span class="black-bg">July 26 / 2014</span></p>
          <h1 class="black">If you dream something big, strive for it. The entire universe will be with you.</h1>
          <div class="trigger-button add-top-quarter">
            <a class="btn btn-reflex btn-reflex-dark" href="news-post.html">Full Story</a>
          </div>
        </div>
    </div>

        



  </div>
  <!-- end : newss-container -->



  

<section class="container color-bg text-center">

  <div class="row">

          <article class="col-md-12 team-job text-center pad-top pad-bottom">
              <h3 class="main-heading black">1000+ Clients Trust Us.</h3>
               <div class="trigger-button add-top-quarter">
            <a class="btn btn-reflex btn-reflex-dark" href="#">Do you like us?</a>
          </div>
          </article>
    </div>

</section>



<footer class="container master-footer">
    <div class="row">
        <article class="col-md-6  text-left white-bg" id="map">
            <img src="images/map.png" alt=""/>
        </article>

        <article class="col-md-6 footer-column text-left white-bg">
            <h3>联系我们</h3>
            <ul class="foot-links">
                <li><span>北京市东城区东直门北小街青龙胡同1号歌华大厦B座420室</span></li>
                <li><span>Tel+86(0) 1084186659</span></li>
                <li><span>Fax+86(0) 1084186659</span></li>
            </ul><br>
            <h3>社交媒体</h3>
            <div class="contact-li">
                <ul class="social-wrap">
                    <li><a href="#"><img alt="" title="" src="images/social/icon-menu-1.png"/></a></li>
                    <li><a href="#"><img alt="" title="" src="images/social/icon-menu-2.png"/></a></li>
                    <li><a href="#"><img alt="" title="" src="images/social/icon-menu-3.png"/></a></li>
                    <li><a href="#"><img alt="" title="" src="images/social/icon-menu-4.png"/></a></li>
                </ul>
            </div>
        </article>
    </div>
    <div class="row">
        <article class="col-md-12">
            <div class="bt_logo"><img src="images/logo.png" alt=""/></div>
        </article>
    </div>
</footer>







</div>
<!-- end content -->



</div>
<!-- end wrap -->



</section>
<!-- end mast-wrap -->




<!-- Core JS Libraries -->
<script src="javascripts/jquery.js" type="text/javascript"></script>
<script src="javascripts/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="bootstrap/js/bootstrap.js" ></script> 
<!-- JS Plugins -->
<script src="javascripts/device.min.js"></script>
<script src="javascripts/modernizr.js" type="text/javascript"></script>
<script src="javascripts/retina.js" type="text/javascript"></script>
<script src="javascripts/responsive-nav.js" type="text/javascript"></script>
<script src="javascripts/navi-slidedown.js" type="text/javascript"></script>
<script src="javascripts/equalheights.js" ></script> 
<script src="javascripts/jquery.parallax-1.1.3.js" ></script> 
<script src="javascripts/jquery.masonry.min.js"></script>
<script src="javascripts/jquery.tweet.js"></script>
<script src="javascripts/jquery.slimmenu.min.js"></script>
<!-- JS Custom Codes --> 
<script src="javascripts/equalheights-init.js" ></script> 
<script src="javascripts/hiding-nav.js"></script> 
<script src="javascripts/masonry-init.js"></script> 
<script src="javascripts/parallax-init.js"></script>
<script src="javascripts/pace.min.js" ></script>  
<script src="javascripts/main.js" ></script> 

</body>
</html>